/**/
.tem_banner5.index {height:100vh;max-height:1440px}
.tem_banner5 .swiper{width:100%;height:100%;background:#222 !important;transition:1s background-color 1.3s}
.tem_banner5 .swiper .swiper-wrapper {transition-delay: 1s;  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);}
.tem_banner5 .swiper .swiper-slide {text-align: center;  font-size: .18rem;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;}
.tem_banner5 .title{transition-delay: 1s;  z-index: 10;}
.tem_banner5 .title h5 {text-transform:uppercase;margin-bottom:.35rem;font-size:.36rem;line-height:1;color:#FFF}
.tem_banner5 .title h3 {color:#d7fd00 !important;font-size:.62rem;font-weight:bold;text-transform: uppercase;line-height:1.2;margin:0 0 .4rem;}
.tem_banner5 .title span.d1{display: inline-block;    transform: translateY(.4rem);  transition: all ease .3s,transform ease .8s .9s,opacity ease .8s .9s;width: 100%;  max-width: 2.2rem; }
.tem_banner5 .title span.d1 a{font-size:.18rem;color:#FFF;display:block;  border: #ffffff 2px solid;  line-height: .55rem; PADDING-LEFT: .4rem;  text-transform: uppercase;   text-align: LEFT;  border-radius: 32px;   opacity: 1;}
.tem_banner5 .title span.d1 a i {margin-left:.5rem;font-weight:bold;}
.tem_banner5 .title span.d1 a:hover {background:#d7fd00;border-color:#d7fd00;color:#000}
.tem_banner5 .img-box  {width: 100%;  height: 100%;  position: absolute;  transform: scale(0.6, 0.6);  transition-duration: 1s;
  transition-property: transform;  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);  opacity: 1;  overflow: hidden;}
.tem_banner5 .img-box img {filter: blur(0); transition: filter 1s;width: 100%;  height: 100%;  object-fit: cover;  transform: scale(1.2, 1.2) translateX(50%);  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);  transition-property: transform;}
.tem_banner5 .button-prev, .tem_banner5 .button-next {transition: 0.5s;
  outline: none;
  position: absolute;
  width: 1.4rem;
  z-index: 10;
  top: 65vh;
  transform: translateY(-.34rem);
  cursor: pointer;}
.tem_banner5 .button-prev {left:.76rem;}
.tem_banner5 .button.disabled {opacity:.2;cursor:default}
.tem_banner5 .button-next {right:.76rem}
.tem_banner5 svg{transition:.5s;}
.tem_banner5 #arrow-svg-home {
  transform:translateY(3.53rem)
}
.tem_banner5 .button-next #arrow-svg-home {
  transform:translateY(3.53rem) rotateY(180deg);
  transform-origin:.8rem 0px 0px
}

.tem_banner5  svg {
  transition:0.5s
}
.tem_banner5  .cls-1 {
  transition:0.5s;
  opacity:1;
  transform-origin:-20px 40px
}
.tem_banner5  .cls-4 {
  transition:0.5s;
  stroke-width:2px;
  stroke:#fff;
  fill:none;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  opacity:0;
  transform-origin:0px 0px 0px
}
.tem_banner5  #arrow-trg {
  transition:0.5s;
  fill:#fff;
  transform:rotateY(180deg) translate(-.53rem, .39rem)
}
.tem_banner5  #line {
  transition:0.5s;
  stroke:#fff;
  transform:translate(.5rem, .42rem)
}
.tem_banner5  .button-prev:not(.disabled):hover svg {
  transform:translateX(-.25rem)
}
.tem_banner5  .button-next:not(.disabled):hover svg {
  transform:translateX(.25rem)
}
.tem_banner5  .button:not(.disabled):hover .cls-1 {
  transform:scale(1.1)
}
.tem_banner5  .button:not(.disabled):hover .cls-4 {
  stroke-dasharray:2px;
  stroke-dashoffset:2px;
  opacity:0
}
.tem_banner5  .button:not(.disabled):hover #arrow-trg {
  transform:rotateY(180deg) translate(-.37rem, .39rem)
}
.tem_banner5  .button:not(.disabled):hover #line {
  transform:translate(.35rem, .42rem) scaleX(0.33)
}
/**/
.rlt_menu{position:absolute;top:.7rem;left:.7rem;z-index:20}
.rlt_menu .j_menu p {padding-left:.9rem;text-transform:uppercase;margin:0 0 .2rem;position:relative;}
.rlt_menu .j_menu p a{font-size:.16rem;color:rgba(255,255,255,.73)}
.rlt_menu .j_menu p.p2 a,.rlt_menu .j_menu p:hover a{color:#FFF}
.rlt_menu .j_menu p:before{content:'';width:0;height:2px;background:#a7cd1c;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .5s ease-in-out;}
.rlt_menu .j_menu p.p2:before,.rlt_menu .j_menu p:hover:before{width:.43rem}
.rlt_menu .j_menu p:last-child {margin:0}
/**/
.header{position:fixed;top:.17rem;left:0;width:100%;padding:0 .7rem;z-index:18;height:1.1rem;}
.header>div{display:inline-block;vertical-align:middle;}
.header .logos{display: flex;  flex-wrap: wrap;  flex-direction: row;width:100%;position:fixed;max-width:3.12rem;left:50%;top:0;margin-left:-1.56rem;height:1.1rem;line-height:1.1rem;position:absolute;}

.header .navlist{width:92%;text-align:right;visibility:hidden;transform:translateY(.25rem);opacity:0}
.header .navlist li {display:inline-block;vertical-align:middle;padding:0 .35rem;position:relative}
.header .navlist li>a{font-size:.2rem;color:#FFF;text-transform:uppercase;line-height:normal;position:relative}
.header .navlist li>a:after{content:'';width:0;height:2px;background:#FFF;position:absolute;left:50%;bottom:-.15rem;transition:all .5s ease-in-out;}
.header .navlist li>a:hover:after{width:100%;left:0}
.header .navlist li dl {position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1.64rem;padding:.2rem 0;margin:0;background:#2b2b2b;text-align:center;border-radius:8px;display:none;transition:none;}
.header .navlist li dl dd {margin:0 0 .24rem;}
.header .navlist li dl dd a{font-size:.14rem;color:#FFF;display:inline-block;position:relative}
.header .navlist li dl dd a:after{content:'';width:0;height:1px;background:#FFF;position:absolute;top:100%;left:0;transition:all .5s ease-in-out;}
.header .navlist li dl dd a:hover:after{width:100%}

.header .items{width:8%;line-height:1.1rem;text-align:right;}
.header .items>*{display:inline-block;vertical-align:middle;margin:0}
.header .items>a{font-size:.16rem;color:#FFF;width:.27rem;height:.27rem;border:1px solid #FFF;border-radius:100%;line-height:.25rem;text-align:center}
.header .items>dl {margin:0 0 0 .27rem;padding:0;position:relative;line-height:normal;}
.header .items dl dt {width:.32rem;height:.32rem;border:1px solid #FFF;border-radius:100%;line-height:.26rem;font-size:.28rem;color:#FFF;text-align:center;font-weight:normal;cursor:pointer;}
.header .items dl dd {position:absolute;top:120%;left:50%;transform:translateX(-50%);background:#FFF;width:.92rem;text-align:center;display:none;transition:none;}
.header .items dl dd a{display:block;font-size:.14rem;color:#333;line-height:.3rem;}

.is_header{background:#afd412;top:0;z-index:22}
.is_header .logos {left:.7rem;margin-left:0;}
.is_header .navlist{opacity:1;visibility:visible;transform:none;}

/**/
.index_product{padding:1.2rem 0 1.35rem;background:url(../images/icon1.png) right 0 no-repeat;background-size:4.92rem auto;}
.index_product .title {margin:0 0 .5rem;padding:.55rem 0 0 .55rem;background:url(../images/icon2.png) 0 0 no-repeat;background-size:1.2rem 1.2rem;}
.index_product .title p{font-size:.42rem;color:#222;margin:0;font-weight:300}
.index_product .title h3 {font-size:.42rem;color:#222;font-weight:bold;margin:.1rem 0 0}
.index_product .mains>div{display:inline-block;vertical-align:middle;width:54%}
.index_product .mains .text{width:46%}
.index_product .mains .imgs{padding:0 .7rem 0 0;}
.index_product .mains .imgs span {background:none !important}
.index_product .mains .imgs a:hover span{transform:scale(.92)}
.index_product .mains .text h4 a{font-size:.42rem;color:#222;font-weight:bold;}
.index_product .mains .text ol {margin:.35rem 0 0;padding:0 1.4rem 0 0}
.index_product .mains .text ol li {display:inline-block;vertical-align:top;width:33.333%;padding:0 .15rem 0 0;margin:0 0 .2rem;}
.index_product .mains .text ol li a{display:block;background:#ebebeb;font-size:.16rem;color:#222;font-weight:bold;text-align:center;line-height:.46rem;border-radius:999px;}
.index_product .mains .text ol li a:hover {background:#afd414;color:#FFF}
.index_product .mains .text >p{font-size:.16rem;color:#6a6a6a;line-height:1.65;margin:.2rem 0 .7rem;}
.index_product .mains .text>a{display:inline-block;font-size:.18rem;color:#222;font-family:"alata";text-transform:uppercase}
.index_product .mains .text>a:after{content:'';width:100%;height:1px;background:#595959;margin:2px 0 0;display:block}
/**/
.index_prolist{min-height:300px;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center;}
.index_prolist .title{padding:1.25rem 0 .78rem;text-align:center}
.index_prolist .title p{font-size:.22rem;color:#FFF;margin:0 0 .25rem;}
.index_prolist .title h3 {font-size:.36rem;color:#aed414;font-weight:bold;}
.index_prolist .lists{background:#FFF;position:relative}
.index_prolist .lists .swiper-slide a{display:block;position:relative;text-align:center;border-right:1px solid #979797}
.index_prolist .lists .swiper-slide .imgs{height:4.58rem;line-height:4.58rem;}
.index_prolist .lists .swiper-slide .imgs img {max-height:3.35rem;transition:none}
.index_prolist .lists .swiper-slide .txt{padding:.28rem .68rem .75rem;position:relative}
.index_prolist .lists .swiper-slide .txt:after{content:'';width:100%;height:0;background:#afd414;position:absolute;bottom:0;left:0;transition:all .5s ease-in-out}
.index_prolist .lists .swiper-slide .txt>*{position:relative;z-index:2}
.index_prolist .lists .swiper-slide .txt h4 {font-size:.2rem;color:#333;font-weight:bold;margin:0 0 .25rem;}
.index_prolist .lists .swiper-slide .txt em {display:block;border:1px solid #aed414;background:#aed414;border-radius:999px;font-size:.16rem;color:#333333;line-height:.5rem;width:80%;margin:0 auto;}
.index_prolist .lists .swiper-slide .txt em i{margin-left:.1rem;font-size:.14rem;}
.index_prolist .lists .swiper-slide a:hover .txt:after{height:100%}
.index_prolist .lists .swiper-slide a:hover .txt em {border-color:#000;width:100%}
.index_prolist .lists .swiper-slide a:hover .imgs {transform:scale(.98)}
.index_prolist .lists .swiper-page>div{position:absolute;top:50%;left:.2rem;transform:translateY(-50%);width:.5rem;height:.5rem;background:#979797;line-height:.5rem;text-align:center;z-index:1}
.index_prolist .lists .swiper-page>div img {width:.25rem;transition:none}
.index_prolist .lists .swiper-page>div.slide-button-next {left:auto;right:.2rem;}
.index_prolist .lists .swiper-page>div:hover {background:#afd414}
/**/
.index_about{background:#d7fd00;padding:2.3rem 0 2.2rem;position: sticky;max-height: 1080px;}
.index_about h2 {font-size:.48rem;color:#222;font-weight:bold;}
.index_about h3 {font-size:.28rem;color:#222;margin:.4rem 0 .2rem;}
.index_about p{font-size:.16rem;color:#222;line-height:1.75;width:6.2rem;max-width:100%;margin:0 auto .55rem;}
.index_about a{display:inline-block;background:#222;font-size:.16rem;color:#FFF;font-weight:bold;line-height:.6rem;padding:0 .78rem;border-radius:999px;}
.index_about a i{margin-left:.15rem;}

.index_links{padding:1.47rem 0 .7rem;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.index_links>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1.1rem;}
.index_links a{display:block;position:relative;overflow:hidden;text-align:center;padding:.9rem .3rem 0;min-height:5.7rem}
.index_links a>*{position:relative;z-index:2}
.index_links h6 {font-size:.28rem;color:#FFF;font-weight:bold;margin:0 0 .4rem;}
.index_links h6 em {display:block;margin:0 auto .25rem;height:.6rem;line-height:.6rem;}
.index_links h6 em img {max-height:.6rem;transition:none;}
.index_links p{font-size:.16rem;color:#FFF;line-height:1.6;margin:0 0 .55rem;}
.index_links a>em {font-size:.45rem;color:#FFF}
.index_links a:before{content:'';width:100%;height:100%;background:linear-gradient(to bottom,#95c919,rgba(149,101,25,.1));opacity:0;position:absolute;top:0;left:0;border-radius:200px;transition:all .4s ease-in-out;}
.index_links a:hover:before{opacity:.82}

.index_news{background:#000;}
.index_news>div{display:inline-block;vertical-align:top;width:53.8%;}
.index_news .imgboxs{position:sticky;top:0;height:100vh;max-height:1080px;padding:2rem 0 1.44rem;}
.index_news .imgboxs .let_img{padding-right:1.3rem;}
.index_news .imgboxs .titles{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.index_news .imgboxs .titles p{font-size:.62rem;color:#aed414;margin:0 0 .1rem;}
.index_news .imgboxs .titles h3 {font-size:1.3rem;color:#aed414;text-transform:uppercase;line-height:1;font-weight:bold;font-family:"Arial"}

.index_news .rlt_list{width:46.2%;padding:0 1.6rem 0 .55rem;}
.index_news .rlt_list ul {padding:2rem 0 .44rem;}
.index_news .rlt_list li {margin:0 0 .9rem;padding-left:.6rem;}
.index_news .rlt_list li h6 {font-size:.18rem;color:#b1dc05;position:relative;line-height:.28rem;}
.index_news .rlt_list li p{margin:.2rem 0 .55rem;font-size:.16rem;color:#FFF;line-height:.26rem;height:.52rem;overflow:hidden}
.index_news .rlt_list li span {font-size:.16rem;color:#ffffff}
.index_news .rlt_list li h6:before{content:'';width:.14rem;height:.14rem;background:#b1dc05;position:absolute;top:.07rem;left:-.6rem;}
.index_news .rlt_list li a:hover h6{text-decoration:underline;color:#FFF}
/*底部*/
.footer{background:#acce22;padding:1.03rem 0 .7rem;}
.footer >div>div{display:inline-block;vertical-align:top;width:72%}
.footer .f_message{width:28%;position:relative;padding:.65rem .6rem .85rem;}
.footer .f_texts{padding:0 .55rem 0 0}
.footer .f_texts .infos{padding:0 0 .35rem;border-bottom:1px solid #424242}
.footer .f_texts .infos>div{display:inline-block;vertical-align:top;width:49%}
.footer .f_texts .infos .navlist{width:51%}
.footer .f_texts .infos .tit h2 {font-size:.36rem;color:#000000;font-weight:bold;}
.footer .f_texts .infos .tit p{font-size:.16rem;color:#636262;margin:.2rem 0 .35rem;}
.footer .f_texts .infos .tit .share>a{display:inline-block;vertical-align:top;margin:0 .24rem 0 0;width:.57rem;height:.57rem;border:1px solid #424242;line-height:.55rem;text-align:center;font-size:.26rem;color:#39440b;border-radius:10px;}
.footer .f_texts .infos .navlist>ul {display:inline-block;vertical-align:top;width:50%}
.footer .f_texts .infos .navlist li {margin:0 0 .2rem;}
.footer .f_texts .infos .navlist li a{font-size:.16rem;color:#000001;font-weight:bold;}
.footer .f_texts .infos .navlist>ul:last-child li a{font-weight:normal;}
.footer .f_texts .infos .navlist li:last-child{margin:0}
.footer .f_texts .tels{padding:.7rem 0}
.footer .f_texts .tels>div{display:inline-block;vertical-align:top;width:71%}
.footer .f_texts .tels .code{width:29%}
.footer .f_texts .tels .desc h3 {font-size:.2rem;color:#000001;margin:0 0 .25rem;font-weight:bold}
.footer .f_texts .tels .desc p{font-size:.16rem;color:#556510}
.footer .f_texts .tels .code p{font-size:.2rem;color:#000001;margin:0 0 .25rem;font-weight:bold}
.footer .f_texts .tels .code img {width:1.55rem;transition:none;}
.footer .f_texts .copy{font-size:.14rem;color:#556510}
.footer .f_texts .copy a{font-size:.14rem;color:#556510}
.footer .f_message:before{content:'';width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.02));position:absolute;top:0;left:0;border-radius:10px;opacity:.6}
.footer .f_message>*{position:relative;z-index:2}
.footer .f_message h4 {font-size:.2rem;color:#FFF;font-weight:bold;margin:0 0 .25rem;}
.footer .f_message li {margin:0 0 .15rem;}
.footer .f_message li input[type="text"],.footer .f_message li textarea{width:100%;background:none;border:0;border-bottom:1px solid #acce22;font-size:.16rem;color:#fff;height:.55rem;min-height:35px;}
.footer .f_message li input::placeholder,.footer .f_message li textarea::placeholder{color:#FFF}
.footer .f_message li textarea{height:1.2rem;}
.footer .f_message li:last-child{margin:0}
.footer .f_message li button {font-size:.16rem;color:#FFF;font-weight:bold;background:#000;border-radius:999px;text-align:center;border:0;height:.48rem;min-height:35px;width:100%}
/*内页*/
.page_header{top:0;z-index:22}
.page_header .logos {left:.7rem;margin-left:0;}
.page_header .navlist{opacity:1;visibility:visible;transform:none;}
.tem_banner.indise:after{content:'';display:block;width:100%;height:5px;background:linear-gradient(to right,#a1ce52,#1a9cc6);}

.mbx {padding:.45rem 0 .5rem;font-size:.14rem;color:#606060;background:#FFF}
.mbx a{font-size:.14rem;color:#606060}
.mbx a:first-child+a {display:none;}
.mbx a:first-child i{margin:0 5px 0 0;font-size:.16rem;}
/**/
.company{background:#FFF}
.company h4 {font-size:.36rem;color:#333333;margin:0 0 .2rem;}
.company .editor {padding:0 2.35rem .8rem;font-size:.2rem;color:#4c4c4c;line-height:1.7}
.company .editor h5 {font-size:.36rem;color:#acce22;font-weight:bold;margin:0 0 .35rem;}
.company h3{text-align:center;font-size:.36rem;color:#acce22;margin:0 0 .4rem;font-weight:bold}
.company .lists .swiper-slide a{display:block;position:relative;border-radius:6px;overflow:hidden}
.company .lists .swiper-slide img {width:100%;height:3.46rem;ovject-fit:cover;transition:none}
.company .history{padding:1.2rem 0}
.company .history .item{margin:0 0 1rem;display:flex;align-items:center}
.company .history .item>div{width:50%}
.company .history .item .imgs span {background:none !important;display:inline-block;border-radius:35px;overflow:hidden}
.company .history .item .text{padding:0 0 0 .6rem;}
.company .history .item .text h6 {font-size:.36rem;color:#acce22;font-weight:bold;margin:0 0 .4rem;}
.company .history .item .text .editor_{font-size:.2rem;color:#4c4c4c;line-height:1.7}
.company .history .item:nth-child(2n) {flex-direction: row-reverse}
.company .history .item:nth-child(2n) .text {padding:0 .6rem 0 0}
.company .history ul {display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem;}
.company .history li h6{font-size:.36rem;color:#acce22;font-weight:bold;margin:0 0 .4rem;padding:0 0 .25rem;border-bottom:2px solid #dcdcdc}
.company .history li .editor_{font-size:.2rem;color:#4c4c4c;}

.honor {padding:1.15rem 0 .95rem;}
.honor:before{position:fixed;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1}
.honor h3{font-size:.48rem;color:#FFF;margin:0 0 .65rem;}
.honor .swiper-slide a{display:block;position:relative;background:url(../images/icon5.png) 0 0 no-repeat;background-size:100% 100%;height:3.95rem;line-height:3.95rem;text-align:center;}
.honor .swiper-slide img {max-height:3rem;transition:none;box-shadow:.08rem .08rem .14rem rgba(0,0,0,.25)}
.honor .swiper-page{margin:.7rem 0 0;}
.honor .swiper-page>div{display:inline-block;vertical-align:top;margin:0 .23rem 0 0;width:.73rem;height:.73rem;line-height:.73rem;text-align:center;background:#FFF;border-radius:100%;}
.honor .swiper-page>div img {width:.35rem;}
.honor .swiper-page>div:hover {background:#acce22}
.honor .swiper-page>div:hover img{filter:brightness(0) invert(1)}

.partner{background:url(../images/icon6.jpg) center bottom no-repeat;background-size:cover;padding:1.3rem 0 1.7rem;}
.partner h3 {font-size:.48rem;color:#2a2929;margin:0 0 .65rem;}
.partner .swiper-slide {text-align:center;}
.partner .swiper-page{margin:.4rem 0 0;text-align:center;}
.partner .swiper-page>div{display:inline-block;vertical-align:top;margin:0 .1rem;width:.73rem;height:.73rem;line-height:.73rem;text-align:center;background:#a1a1a1;border-radius:100%;}
.partner .swiper-page>div img {width:.35rem;filter:brightness(0) invert(1)}
.partner .swiper-page>div:hover {background:#acce22}
/*妙元素---产品简介*/
.miao_boxs{}
.miao_boxs h1 {font-size:.52rem;color:#333333;margin-bottom:.6rem;}
.miao_boxs .mains0{background:url(../images/icon7.png) 0 0 no-repeat;background-size:100% auto;padding:2.1rem 0 1.3rem;}
.miao_boxs .mains0 h3 {font-size:.52rem;color:#333333}
.miao_boxs .mains0 h3 em{display:block;margin:.2rem 0 0;font-size:.36rem;color:#a1ce52;font-weight:bold;}
.miao_boxs .mains0 .mains>div{display:inline-block;vertical-align:top;width:65%}
.miao_boxs .mains0 .mains .imgs{width:35%;text-align:center;position:relative}
.miao_boxs .mains0 .mains .imgs>div{display:inline-block;position:relative;cursor:pointer;}
.miao_boxs .mains0 .mains .imgs span {display:inline-block;background:none !important;}
.miao_boxs .mains0 .mains .imgs i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:.9rem;color:#222}
.miao_boxs .mains0 .mains .imgs p {font-size:.24rem;color:#333;margin:0 0 .25rem;font-weight:bold}
.miao_boxs .mains0 .mains .text{padding:2.3rem .5rem 0 0;font-size:.2rem;color:#4c4c4c;line-height:1.8}

.miao_boxs .mains1{background:url(../images/icon8.jpg) 0 0 no-repeat;background-size:100% auto;padding:2.1rem .7rem .8rem 1.6rem;}
.miao_boxs .mains1 h3 {font-size:.36rem;color:#FFF;font-weight:bold;margin:0 0 1.45rem;}
.miao_boxs .mains1 .mains{display:flex;}
.miao_boxs .mains1 .mains>div{width:33.333%;height:100%;padding:.75rem .35rem .87rem;position:relative}
.miao_boxs .mains1 .mains>div:nth-child(1) {background:url(../images/icon8-1.png) 0 0 no-repeat;background-size:100% 100%;border-radius:15px 15px  0 0;z-index:5}
.miao_boxs .mains1 .mains p{font-size:.16rem;color:#9ca49f;line-height:1.7;margin:0}
.miao_boxs .mains1 .mains p img {max-height:.64rem;transition:none;}
.miao_boxs .mains1 .mains p:first-child{height:.64rem;line-height:.64rem;}
.miao_boxs .mains1 .mains h4 {font-size:.24rem;color:#6e7973;margin:.2rem 0 .25rem;}
.miao_boxs .mains1 .mains>div:nth-child(1) p,.miao_boxs .mains1 .mains>div:nth-child(1) h4 {color:#FFF}
.miao_boxs .mains1 .mains .imgs {padding:.55rem 0 0;margin:.4rem 0 0;border-top:1px solid #689281}
.miao_boxs .mains1 .mains>div:nth-child(1) .imgs {border-top-color:#FFF}
.miao_boxs .mains1 .mains>div:nth-child(3) .imgs {border-top-color:#06482a}
.miao_boxs .mains1 .mains>div:nth-child(2) {background:#d9e7e5;border-radius:0 15px 0 0;z-index:2}
.miao_boxs .mains1 .mains>div:nth-child(2):before,.miao_boxs .mains1 .mains>div:nth-child(3):before{content:'';background:#d9e7e5;width:.45rem;height:100%;position:absolute;top:0;right:100%}
.miao_boxs .mains1 .mains>div:nth-child(3){background:#eff7f6;border-radius:0 15px 0 0}
.miao_boxs .mains1 .mains>div:nth-child(3):before {background:#eff7f6}

.miao_boxs .mains2 {padding:.8rem 0 2.2rem;}
.miao_boxs .mains2 h3 {font-size:.36rem;color:#a1ce52;font-weight:bold;margin:0 1.6rem .55rem;}
.miao_boxs .mains2 .item1 {margin:0 1.6rem;position:relative;display:flex;padding:0 0 .7rem;}
.miao_boxs .mains2 .item1 .t{width:18.333%;padding:0 .2rem 0 0}
.miao_boxs .mains2 .item1 .t:nth-child(2) {width:24.333%;padding:0 .45rem 0 0}
.miao_boxs .mains2 .item1 .t:nth-child(3) {width:18.333%}
.miao_boxs .mains2 .item1 .t h6{font-size:.2rem;color:#6e7973;margin:0 0 .25rem;}
.miao_boxs .mains2 .item1 .t p{font-size:.16rem;color:#9ca49f;margin:0}
.miao_boxs .mains2 .item1 .t2{position:relative;width:39%}
.miao_boxs .mains2 .item1 .t2 h4 {font-size:.36rem;color:#383935;font-weight:bold;margin:0 0 .3rem;}
.miao_boxs .mains2 .item1 .t2 p{position:absolute;top:.65rem;left:0;z-index:2}
.miao_boxs .mains2 .item2{position:relative;background:url(../images/icon9.jpg) center no-repeat;background-size:cover;padding:.78rem 1.6rem 2.1rem;}
.miao_boxs .mains2 .item2 h3 {font-size:.36rem;color:#222222;font-weight:bold;margin:0 0 .5rem;}
.miao_boxs .mains2 .item2 .txt>div{display:inline-block;vertical-align:top;width:25%;}
.miao_boxs .mains2 .item2 .txt h6 {font-size:.24rem;color:#222;margin:0 0 .25rem;font-weight:bold}
.miao_boxs .mains2 .item2 .txt p{font-size:.18rem;color:#222222;margin:0}

.miao_boxs .mains2 .item3 {padding:1.6rem 0 0;margin:0 1.6rem;}
.miao_boxs .mains2 .item3>div{display:inline-block;vertical-align:middle;width:33.333%}
.miao_boxs .mains2 .item3 p {font-size:.18rem;color:#222222;}
.miao_boxs .mains2 .item3 p em {display:block;font-size:.24rem;color:#222;font-weight:bold;position:relative;line-height:.6rem;width:1.85rem;text-align:center;margin:0 0 .24rem;background:url(../images/icon10.png) 0 0 no-repeat;background-size:100% 100%}
.miao_boxs .mains2 .item3>div:nth-child(1) {padding:0 .45rem 0 0}
.miao_boxs .mains2 .item3>div:nth-child(3) {padding:0 0 0 .45rem;}
.miao_boxs .mains2 .mains>.t3 {text-align:center;font-size:.26rem;color:#a1ce52;font-weight:bold;margin:.55rem 0 0}

.miao_boxs .fixed_forms .mains {background:none;padding:0}
.miao_boxs .fixed_forms .mains video {width:100%;background:#000;}
.miao_boxs .fixed_forms .mains .close_ {z-index:2}
.miao_boxs .fixed_forms .mains .close_::before,.miao_boxs .fixed_forms .mains .close_::after{background:#FFF}
.miao_boxs .fixed_forms .mains .close_{border-color:#FFF}


.miao_header{background:none;}
.miao_header.is_header{background:#afd412}
.miao_boxs .lists{padding:0 0 1.5rem;}
.miao_boxs .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.74rem .34rem}
.miao_boxs .lists li a{display:block;position:relative}
.miao_boxs .lists li .imgs img {width:100%;height:3.71rem;object-fit:cover;transition:none}
.miao_boxs .lists li .text{padding:.34rem .2rem .3rem;border:1px solid #c9c9c9}
.miao_boxs .lists li .text p{font-size:.2rem;color:#333333;margin:0 0 .15rem;}
.miao_boxs .lists li .text h6 {font-size:.2rem;color:#aec918;text-transform:uppercase;}
.miao_boxs .lists li a:hover{transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.15)}

.miao_boxs.pro_adv {background:url(../images/icon11.jpg) center bottom no-repeat;background-size:100% auto;}
.miao_boxs.pro_adv .adv_main{padding:0 0 2.5rem;}
.miao_boxs.pro_adv .adv_main .boxs{margin:0 1.8rem;position:relative;text-align:center}
.miao_boxs.pro_adv .adv_main .imgs{display:inline-block;}
.miao_boxs.pro_adv .adv_main .imgs span {background:none !important;}
.miao_boxs.pro_adv .adv_main .imgs img {width:auto;height:7.95rem;}
.miao_boxs.pro_adv .adv_main .txt p{position:absolute;width:38%;font-size:.2rem;color:#333;margin:0;text-align:right;left:0;padding:0 .3rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(2n){left:auto;right:0;text-align:left;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(1) {top:.2rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(2) {top:1rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(3) {top:1.8rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(4) {top:2.65rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(5) {top:3.5rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(6) {top:4.1rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(7) {top:4.85rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(8) {top:5.7rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(9) {top:6.4rem;}
.miao_boxs.pro_adv .adv_main .txt p:nth-child(10) {top:7.4rem;}

.miao_boxs .promain_list{position:relative;padding:0 0 1.5rem;}
.miao_boxs .promain_list .boxs{display:flex;}
.miao_boxs .promain_list .boxs .let {width:36.6%;padding:0 .17rem 0 0}
.miao_boxs .promain_list .boxs a{display:block;position:relative;}
.miao_boxs .promain_list .boxs .imgs img{width:100%;height:9.75rem;object-fit:cover;transition:none;}
.miao_boxs .promain_list .boxs .txt{position:absolute;top:.7rem;left:.7rem;z-index:1}
.miao_boxs .promain_list .boxs .txt p {font-size:.3rem;color:#afd412;font-weight:bold;margin:0 0 .1rem;}
.miao_boxs .promain_list .boxs .txt span {font-size:.24rem;color:#afd412;}
.miao_boxs .promain_list .boxs a>i{position:absolute;right:.65rem;bottom:.9rem;z-index:1}
.miao_boxs .promain_list .boxs a>i img {width:.75rem;transition:none;}

.miao_boxs .promain_list .boxs .rlt{width:63.4%;}
.miao_boxs .promain_list .boxs .rlt>div{display:inline-block;vertical-align:top;width:50%;margin:0 0 .15rem;padding:0 .075rem 0 0;}
.miao_boxs .promain_list .boxs .rlt>div:nth-child(2n) {padding:0 0 0 .075rem;}
.miao_boxs .promain_list .boxs .rlt a .imgs img{height:4.8rem;}
.miao_boxs .promain_list .boxs .rlt .txt {left:.5rem;}
.miao_boxs .promain_list .boxs .rlt a>i{right:.5rem;bottom:.39rem;}
.miao_boxs .promain_list .boxs .rlt a>i img {width:.75rem;transition:none;}
.miao_boxs .promain_list>ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.35rem .15rem;margin:}
.miao_boxs .promain_list>ul a{display:block;position:relative;}
.miao_boxs .promain_list>ul .imgs img{width:100%;height:4.8rem;object-fit:cover;transition:none;}
.miao_boxs .promain_list>ul .txt{position:absolute;top:.7rem;left:.5rem;z-index:1}
.miao_boxs .promain_list>ul .txt p {font-size:.3rem;color:#afd412;font-weight:bold;margin:0 0 .1rem;}
.miao_boxs .promain_list>ul .txt span {font-size:.24rem;color:#afd412;}
.miao_boxs .promain_list>ul a>i{position:absolute;right:.5rem;bottom:.39rem;z-index:1}
.miao_boxs .promain_list>ul a>i img {width:.75rem;transition:none;}
/**/
.filed_main0{padding:0 0 .9rem}
.filed_com .title{text-align:center;margin:0 0 .35rem;}
.filed_com .title h4 {font-size:.36rem;color:#333333;}
.filed_com .title p{font-size:.24rem;color:#a1ce52;margin:.1rem 0 0;font-family:"alata"}
.filed_main0 .mains{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .68rem;}
.filed_main0 .mains>div .imgs{border-radius:8px;overflow:hidden;margin:0 0 .4rem;}
.filed_main0 .mains>div .imgs img {width:100%;height:2.98rem;object-fit:cover;transition:none}
.filed_main0 .mains>div p{font-size:.16rem;color:#333}

.filed_main1 {background:#d6fc02;padding:.9rem 0}
.filed_main1 .title h4,.filed_main1 .title p{color:#2a2a2a}
.filed_main1 .mains{text-align:center;font-size:.24rem;color:#353535;}

.filed_main2 {padding:.9rem 0 .53rem;text-align:center}
.filed_main2 .title h4,.filed_main2 .title p{color:#2a2a2a}

.filed_lists{padding:1rem 0 2.3rem;background:#f2f2f2}
.filed_lists .title{text-align:center;margin:0 0 .35rem;}
.filed_lists .title h4 {font-size:.36rem;color:#2a2a2a;}
.filed_lists .title p{font-size:.24rem;color:#2a2a2a;margin:.1rem 0 0;font-family:"alata"}
.filed_lists .lists{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.35rem .16rem;padding:0 .7rem;}
.filed_lists .lists .imgs img {width:100%;height:6.04rem;object-fit:cover;transition:none}
.filed_lists .lists .txt {padding:.35rem .2rem 0}
.filed_lists .lists .txt h6 {font-size:.24rem;color:#2a2a2a;margin:0 0 .15rem;}
.filed_lists .lists .txt .editor{font-size:.16rem;color:#2a2a2a}
.filed_lists .lists>div:hover .imgs{transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.12)}
/*产品中心*/
.product_box{padding:0 0 1.7rem;}
.product_box h1 {font-size:.52rem;color:#333;padding:0 0 .4rem}
.product_box .columns{background:url(../images/icon13.jpg) center no-repeat;background-size:cover;background-attachment:fixed;padding:.85rem 0 .68rem;}
.product_box .columns ol {margin:0;padding:0}
.product_box .columns ol li {display:inline-block;vertical-align:middle;padding:0 .14rem 0 0;width:14.285%}
.product_box .columns ol li a{display:flex;position:relative;background:#afd412;font-size:.16rem;color:#333;height:.58rem;align-items:center;padding:0 .15rem;border-radius:999px;justify-content: center}
.product_box .lists{padding:0 0 .65rem;}
.product_box .lists>div{display:inline-block;vertical-align:top;width:33.333%;border:1px solid #979797}
.product_box .lists>div a{display:block;position:relative;}
.product_box .lists>div .imgs{overflow:hidden;}
.product_box .lists>div .imgs img {width:100%;height:4.55rem;object-fit:cover;transition:none}
.product_box .lists>div .text{padding:.25rem .7rem .7rem;text-align:center;position:relative}
.product_box .lists>div .text:after{content:'';width:100%;height:0;background:#afd414;position:absolute;bottom:0;left:0;transition:all .5s ease-in-out}
.product_box .lists>div .text>*{position:relative;z-index:2}
.product_box .lists>div .text h4 {font-size:.2rem;color:#333;font-weight:bold;margin:0 0 .25rem;}
.product_box .lists>div .text em {display:block;border:1px solid #aed414;background:#aed414;border-radius:999px;font-size:.16rem;color:#333333;line-height:.5rem;width:80%;margin:0 auto;}
.product_box .lists>div .text em i{margin-left:.1rem;font-size:.14rem;}
.product_box .lists>div a:hover .text:after{height:100%}
.product_box .lists>div a:hover .text em {border-color:#000;width:100%}
/*翻页*/
.page a{display:inline-block;vertical-align:top;margin:0 3px;width:.36rem;height:.36rem;line-height:.36rem;font-size:.16rem;color:#333333;border-radius:5px;background:#dcdcdc}
.page a img {width:.13rem;transition:none}
.page a.page-num-current,.page a:hover{background:#aed414}
/*产品详情*/
.show_product{}
.show_product h1 {padding:0 0 .4rem;}
.show_product .mains>div{display:inline-block;vertical-align:top;width:16%}
.show_product .mains .rlt{width:84%;border-radius:12px;border:1px solid #d0d0d0;overflow:hidden;padding:.2rem .25rem 1.6rem .5rem}
.show_product .mains .let {padding:0 .37rem 0 0}
.show_product .mains .let ol {margin:0;padding:0}
.show_product .mains .let ol li {margin:0 0 .13rem;}
.show_product .mains .let ol li a{display:flex;position:relative;background:#afd412;font-size:.16rem;color:#333;height:.58rem;align-items:center;padding:0 .15rem;border-radius:999px;justify-content: center}
.show_product .mains .rlt .imgbox{margin:0 0 .75rem;}
.show_product .mains .rlt .imgbox>div{display:inline-block;vertical-align:top;width:47.5%}
.show_product .mains .rlt .imgbox .text{width:52.5%}
.show_product .mains .rlt .imgbox #gallery .swiper-slide img {border-radius:10px;}
.show_product .mains .rlt .imgbox .thumbs{position:relative;padding:0 .73rem;margin:.2rem 0 0}
.show_product .mains .rlt .imgbox .thumbs .swiper-slide img{width:100%;height:1rem;object-fit:cover;transition:none;border-radius:10px;}
.show_product .mains .rlt .imgbox .thumbs .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);}
.show_product .mains .rlt .imgbox .thumbs .swiper-page>div.slide-button-next{left:auto;right:0}
.show_product .mains .rlt .imgbox .thumbs .swiper-page>div img {width:.35rem;opacity:.38}
.show_product .mains .rlt .imgbox .thumbs .swiper-page>div:hover img {opacity:1}
.show_product .mains .rlt .imgbox .text{padding-left:.35rem;}
.show_product .mains .rlt .imgbox .text h2 {font-size:.36rem;color:#333333;margin:0 0 .3rem;padding:.25rem 0 0}
.show_product .mains .rlt .imgbox .text >p{font-size:.16rem;color:#6d6d6d;margin:0 0 .3rem;}
.show_product .mains .rlt .imgbox .text .links{margin:0 0 .55rem;}
.show_product .mains .rlt .imgbox .text .links>a{display:inline-block;margin:0 .22rem 0 0;width:1.6rem;height:.52rem;font-size:.16rem;color:#FFF;border-radius:5px;background:#636363;line-height:.52rem;text-align:center;font-weight:bold;}
.show_product .mains .rlt .imgbox .text .links>a:first-child{background:#afd412;color:#636363}
.show_product .mains .rlt .imgbox .text .desc {font-size:.16rem;color:#636363;line-height:1.7;padding:0 0 .35rem;border-bottom:1px dashed #959595;margin:0 0 .5rem;}
.show_product .mains .rlt .imgbox .text .keys{font-size:.16rem;color:#636363}
.show_product .mains .rlt .contents ol {margin:0 0 .7rem;padding:0;border-bottom:1px solid #959595}
.show_product .mains .rlt .contents ol li {display:inline-block;vertical-align:top;}
.show_product .mains .rlt .contents ol li a{display:block;font-size:.18rem;color:#636363;padding:0 .55rem;line-height:.47rem;border-radius:15px 15px 0 0}
.show_product .mains .rlt .contents ol li#current a{background:#636363;color:#FFF}
.show_product .mains .rlt .contents .itembox>div{font-size:.16rem;color:#333;line-height:1.7}
.show_product .mains .rlt .contents .itembox table {width:100%;}
.show_product .mains .rlt .contents .itembox table td {border:1px solid #eee;width:auto;text-align:center;height:.45rem;}
.show_product .mains .rlt .contents .itembox table p {margin:0}

.show_product .other {padding:1.15rem 0 1.25rem 1.6rem;background:url(../images/icon13.jpg) center no-repeat;background-size:cover;background-attachment:fixed;}
.show_product .other h3 {font-size:.36rem;color:#FFF;margin:0 0 .6rem;}
.show_product .other .swiper-slide a{display:block;background:#FFF;border-radius:12px;overflow:hidden;padding:.2rem .2rem .2rem .35rem;}
.show_product .other .swiper-slide a>div{display:inline-block;vertical-align:middle;width:62%}
.show_product .other .swiper-slide .imgs{width:38%;border-radius:10px;overflow:hidden;}
.show_product .other .swiper-slide .txt h4 {font-size:.2rem;color:#333333;font-weight:bold;margin:0 0 .3rem;}
.show_product .other .swiper-slide .txt em {font-size:.16rem;color:#333333;}
.show_product .other .swiper-slide .imgs img {width:100%;height:1.78rem;object-fit:cover;transition:none;}
.show_product .other .swiper-slide a:hover .imgs{box-shadow:2px 2px 4px rgba(0,0,0,.12);transform:scale(.98)}
.show_product .other .slide-pagination{margin:.65rem 0 0}
.show_product .other .slide-pagination span {opacity:1;outline:none;width:.13rem;height:.13rem;background:#FFF;border-radius:100%;margin:0 .12rem 0 0;}
.show_product .other .slide-pagination span.swiper-pagination-bullet-active{background:#afd412}
/**/
.news_box{background:#f6f6f6;padding:0 0 1.5rem;}
.news_box .mbx{background:#f6f6f6}
.news_box h1 {font-size:.52rem;color:#333333;padding:0 0 .4rem;}
.news_box .lists {padding:0 0 .78rem}
.news_box .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem .55rem;}
.news_box .lists li a{display:block;position:relative;background:#FFF;padding:.45rem .54rem .5rem;}
.news_box .lists li span {font-size:.18rem;color:#515151;}
.news_box .lists li h6 {font-size:.2rem;color:#1a1a1a;line-height:.26rem;height:.52rem;overflow:hidden;margin:.5rem 0 1rem;}
.news_box .lists li .imgs{height:2.55rem;background:#f6f6f6}
.news_box .lists li .imgs img{width:100%;height:2.55rem;object-fit:cover;transition:none;}
.show_news .mbx{background:none;}
/**/
.online_book .lists {position:relative;margin:.4rem .7rem 0;}
.online_book .lists .swiper-slide{text-align:center;padding:0 0 .36rem;}
.online_book .lists .swiper-slide a{position:relative;display:inline-block;}
.online_book .lists .swiper-slide a:before{content:'';width:100%;height:100%;background:#FFF;position:absolute;top:0;left:0;opacity:.5;z-index:1;transition:all .5s ease-in-out;}
.online_book .lists .swiper-slide a:after{content:'';width:100%;height:.67rem;background:url(../images/icon17.png) center no-repeat;background-size:100% auto;position:absolute;bottom:-.36rem;left:0;opacity:0;transition:all .4s ease-in-out}
.online_book .lists .swiper-slide-active a:before{opacity:0}
.online_book .lists .swiper-slide-active a:after{opacity:1}
.online_book .lists .swiper-page>div{position:absolute;left:0.9rem;top:50%;z-index:1;width:.7rem;height:.7rem;background:#aed414;line-height:.7rem;text-align:center;border-radius:100%}
.online_book .lists .swiper-page>div.slide-button-next{left:auto;right:0.9rem}
.online_book .lists .swiper-page>div img {width:.28rem;transition:none;}
.online_book .down_box {margin:.83rem 0 0;padding:.6rem 0 2.15rem;border-top:1px solid #b5b5b5;text-align:center}
.online_book .down_box >a{display:inline-block;font-size:.24rem;color:#333333;padding:0 .4rem 0 .5rem;border-radius:999px;line-height:.9rem;background:#aed414}
.online_book .down_box >a img {width:.38rem;transition:none;margin:0 .3rem 0 0}
/**/
.contact_box .infos {background:linear-gradient(to bottom,#FFF,#e4e4e4);}
.contact_box .infos h1 {margin:0 0 .4rem;}
.contact_box .infos .mains{position:relative;background:#FFF;padding:1.1rem 1.8rem}
.contact_box .infos .mains>div{display:inline-block;vertical-align:middle;width:36%}
.contact_box .infos .mains .editor{width:64%}
.contact_box .infos .mains .names h4 {font-size:.24rem;color:#191919;margin:0 0 .3rem;}
.contact_box .infos .mains .names em {display:block;font-size:.16rem;color:#535353;margin:0 0 .65rem;}
.contact_box .infos .mains .names i{width:.31rem;height:.31rem;border:1px solid #535353;line-height:.29rem;text-align:center;font-size:.14rem;color:#797979}
.contact_box .infos .mains .editor>div{display:inline-block;vertical-align:top;width:50%}
.contact_box .infos .mains .editor>div:first-child{padding:0 1.4rem 0 0}
.contact_box .infos .mains .editor>div>div{display:grid;grid-template-columns:.68rem auto;margin:0 0 .45rem;gap:0 .2rem;align-items}
.contact_box .infos .mains .editor>div p{margin:0;font-size:.16rem;color:#343739;}
.contact_box .infos .mains .editor>div p em {display:block;margin:0;font-weight:bold;}
.contact_box .infos .mains .editor>div>div:last-child{margin:0}
.contact_box .message>div{padding:1.3rem 1.8rem 1.6rem;background:url(../images/icon18.jpg) center no-repeat;background-size:cover;}
.contact_box .message h3 {font-size:.48rem;color:#FFF;font-weight:bold;margin:0 0 .6rem;}
.contact_box .message .lists li {padding:0 .48rem 0 0;margin:0 0 .25rem;}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea {width:100%;height:.64rem;min-height:35px;background:#FFF;border:0;border-radius:8px;padding:0 .2rem;font-size:.16rem;color:#6c6c6c}
.contact_box .message .lists li textarea{padding:.2rem;height:1.65rem;}
.contact_box .message .lists li input[name="checkcode"]{width:30%}
.contact_box .message .lists li:last-child{margin:0}
.contact_box .message .lists li button {background:#afd412;border-radius:8px;font-size:.16rem;color:#1d1d1d;padding:0 .34rem;height:.52rem;min-height:35px;border:0;font-weight:bold;}
.contact_box .message .lists li button img{width:.19rem;transition:none;margin:0 0 0 .2rem;}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#afd412;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-7>div {color:#333;line-height:normal;vertical-align:middle}
.m-header >.col-xs-7 .langs {border:1px solid #222;border-radius:999px;overflow:hidden}
.m-header >.col-xs-7 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-7 .langs em {padding:0 5px;}
.m-header >.col-xs-7 .langs a{color:#333;line-height:30px;display:inline-block;vertical-align:middle;width:55px;text-align:center;font-size:12px;}
.m-header >.col-xs-7 .langs a.on {background:#333;color:#FFF}

.m-header >.col-xs-7 .menu{margin-left:.15rem;}
.m-header >.col-xs-7 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-7 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-7 .menu a i {font-size:20px;}
.m-header >.col-xs-5 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/
@media(max-width:1440px){
	.company .editor{padding:0 .7rem .8rem;}
	.miao_boxs.pro_adv .adv_main .boxs{margin:0 .6rem;}
	.contact_box .infos .mains{padding:1.1rem .7rem;}
	.contact_box .infos .mains .editor>div:first-child{padding:0 .15rem 0 0}
	.contact_box .message>div{padding:1.3rem .7rem 1.6rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.rlt_menu{top:100px;}
	.company .editor{padding:0 0 .8rem;}
	.miao_boxs .mains1{padding:2.1rem 25px .8rem;}
	.miao_boxs .mains2 .item1{margin:0 25px;}
	.miao_boxs .mains2 h3{margin:0 25px .55rem;}
	.miao_boxs .mains2 .item2{padding-left:25px;padding-right:25px;}
	.miao_boxs .mains2 .item3{margin:0 25px;}
}
/********mobile*********/
@media(max-width:767px){
  .tem_banner5 .button-prev:not(.disabled):hover svg {
    transform:translateX(-.1rem)
  }
  .tem_banner5 .button-next:not(.disabled):hover svg {
    transform:translateX(.1rem)
  }
  .tem_banner5 .button-prev,
  .tem_banner5 .button-next {
    width:1rem
  } 
	.rlt_menu{left:15px;}
	.index_product .mains > div,.index_news > div,.footer > div > div{display:block;width:100% !important;}
	.index_product .mains .imgs{padding:0 0 .7rem;}
	.index_links > div{grid-template-columns:1fr 1fr;gap:.5rem .25rem;}
	.index_news .imgboxs .let_img{padding:0}
	.index_news .imgboxs{height:auto;position:relative;padding-bottom:0}
	.index_news .rlt_list{padding:0 15px;}
	.footer .f_message{display:none;}
	.footer .f_texts{padding:0 0 .5rem;}
	.company .history .item{display:block;}
	.company .history .item > div{width:100%}
	.company .history .item .text{padding:.6rem 0 0 !important;}
	.miao_boxs .mains0 .mains > div{display:block;width:100% !important;}
	.miao_boxs .mains0 .mains .text{padding:1rem 0 .35rem;}
	.miao_boxs .mains1 .mains{display:block;}
	.miao_boxs .mains1 .mains > div{width:100%}
	.miao_boxs .mains1{padding:.5rem 15px .8rem;}
	.miao_boxs .mains1 .mains > div:nth-child(2)::before, .miao_boxs .mains1 .mains > div:nth-child(3)::before{display:none;}
	.miao_boxs .mains2 .item1{display:block;}
	.miao_boxs .mains2 .item1 .t{width:100% !important;padding:0 0 .5rem;}
	.miao_boxs .mains2 .item1 .t:nth-child(2){width:100%;padding:0 0 .5rem;}
	.miao_boxs .mains2 .item1 .t2{width:100%}
	.miao_boxs .mains2 .item2{padding:2.8rem 15px 2.1rem;}
	.miao_boxs .mains2 .item2 .txt > div{width:100% ;margin:0 0 .15rem;}
	.miao_boxs .mains2 .item3 > div{display:block;width:100% !important;}
	.miao_boxs .mains2 .item3 > div:nth-child(1){padding:0 0 .45rem;}
	.miao_boxs .lists ul{grid-template-columns:1fr 1fr}
	.miao_boxs .mains2 .item3 > div:nth-child(3){padding:.45rem 0 0}
	.miao_boxs.pro_adv .adv_main .boxs{margin:0}
	.miao_boxs.pro_adv .adv_main .txt p{padding:0;width:30%}
	.miao_boxs .promain_list .boxs{display:block;}
	.miao_boxs .promain_list .boxs .let{width:100%;padding:0 0 .15rem;}
	.miao_boxs .promain_list .boxs .rlt{width:100%}
	.miao_boxs .promain_list > ul{grid-template-columns:1fr 1fr}
	.filed_main0 .mains{grid-template-columns:1fr 1fr}
	.filed_lists .lists{padding:0 15px;grid-template-columns:1fr 1fr}
	.product_box .columns ol li{width:33.333%}
	.product_box .lists > div{width:50%}
	.show_product .mains > div{display:block;width:100% !important;}
	.show_product .mains .let ol li {display:inline-block;width:33.333%;padding:0 .15rem 0 0}
	.show_product .mains .rlt{padding:.2rem .25rem 1.6rem;}
	.show_product .mains .rlt .imgbox > div{display:block;width:100% !important;}
	.show_product .mains .rlt .imgbox .text{padding:.35rem 0 0}
	.show_product .other{padding-left:15px;}
	.news_box .lists ul{grid-template-columns:1fr 1fr}
	.online_book .lists .swiper-page > div{left:0}
	.online_book .lists .swiper-page > div.slide-button-next{left:auto;right:0}
	.contact_box .infos .mains > div{display:block;width:100% !important;margin:0 0 .35rem;}
	.contact_box .message .lists li{padding:0}
	.contact_box .message .lists li input[type="text"], .contact_box .message .lists li textarea{font-size:12px;}
	.contact_box .message .lists li button {font-size:12px;}
	
	.miao_boxs .mains0 .mains .imgs p{font-size:.36rem;}
	
}